<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>首页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head> 
<body>
<div  id="content">
            <section class="content-header"> 
                <h1>
                    <i class="fa fa-envelope"></i>
                    <strong>商品信息查询</strong>
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
                    <li>公用功能</li>
                    <li class="active">商品信息查询</li>
                </ol>
            </section>
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box box-info">
                            <div class="box-header with-border">
                                <i class="fa fa-th-list"></i>
                                <h4 class="box-title">商品信息查询</h4>
                            </div>
                            <div class="box-body">
                                <div class="form-inline">
                                	<div class="input-group">
										<input type="text" class="form-control" id="keyword"  placeholder="Search..." />
										<span class="input-group-btn">
											<button type="button" class="btn btn-info searchBtn">查询</button>
                                            <button type="button" class="btn btn-info cancelBtn">撤消</button>
										</span>
									</div>
								</div>
                            </div>
                              <div class="box box-body" style="width:100%; overflow-x:scroll;">
                                <table id="myTable" class="mytable  table-bordered text-center table-striped table-hover" cellspacing="0" width="3500px">
											<thead>
	                                        <tr>
	                                            <th width="3%" rowspan="1" colspan="1">序号</th>
	                                            <th width="3%" rowspan="1" colspan="1">商品计划编号</th>
	                                            <th width="3%" rowspan="1" colspan="1">流程步骤</th>
	                                            <th width="3%" rowspan="1" colspan="1">下达日期</th>
	                                            <th width="3%" rowspan="1" colspan="1">执行状态</th>
	                                            <th width="3%" rowspan="1" colspan="1">合同号</th>
	                                            <th width="3%" rowspan="1" colspan="1">产品类型</th>
	                                            <th width="3%" rowspan="1" colspan="1">产品型号</th>
	                                            <th width="3%" rowspan="1" colspan="1">数量</th>
	                                            <th width="3%" rowspan="1" colspan="1">交货日期</th>
	                                            <th width="3%" rowspan="1" colspan="1">订货日期</th>
	                                            <th width="3%" rowspan="1" colspan="1">入库单编号</th>
	                                            <th width="3%" rowspan="1" colspan="1">入库日期</th>
	                                            <th width="3%" rowspan="1" colspan="1">电机</th>
	                                            <th width="3%" rowspan="1" colspan="1">压力</th>
	                                            <th width="3%" rowspan="1" colspan="1">流量</th>
	                                            <th width="3%" rowspan="1" colspan="1">功率</th>
	                                            <th width="3%" rowspan="1" colspan="1">附加要求</th>
	                                            <th width="3%" rowspan="1" colspan="1">备注</th>
	                                            <th width="3%" rowspan="1" colspan="1">分解表状态</th>
	                                            <th width="3%" rowspan="1" colspan="1">分解表人员</th>
	                                            <th width="3%" rowspan="1" colspan="1">分解表接收时间</th>
	                                            <th width="3%" rowspan="1" colspan="1">分解表完成时间</th>
	                                            <th width="3%" rowspan="1" colspan="1">技术准备计划状态</th>
	                                            <th width="3%" rowspan="1" colspan="1">技术准备计划人员</th>
	                                            <th width="3%" rowspan="1" colspan="1">技术准备计划接收日期</th>
	                                            <th width="3%" rowspan="1" colspan="1">技术准备计划完成日期</th>
	                                            <th width="3%" rowspan="1" colspan="1">运行部配置员</th>
	                                            <th width="3%" rowspan="1" colspan="1">创建人</th>
	                                            <th width="3%" rowspan="1" colspan="1">创建日期</th>
	                                        </tr>
	                                    </thead>
	                                    <tbody>
	                                	
	               						</tbody>
	                                </table>
                            </div>
                            
                            <div class="row-fluid">
                            <div class="span12">
                            <div id="container" class="widget-title">
                                <div class="box-header with-border">
                                <i class="fa fa-th-list"></i>
                                <h4 class="box-title">商品计划明细</h4>
                            </div>
                            </div>
                            
                             <div class="tab-content">
                              <div class="box box-body" style="width:100%; overflow-x:scroll;">
                                <table id="myTranceTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                							<th width="10%">零件图号</th>
                							<th width="10%">名称</th>
                							<th width="12%">材料名称</th>
               								<th width="23%">数量</th>
                							<th width="23%">配置项名称</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                   
               						</tbody>
                                </table>
                                </div>
                             </div>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
    <script th:src="@{/publicFunction/productPlanIndex.js}"></script>
    </div>
</body>
</html>